<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Home Page | ADD Presentability</title>
   <meta name="robots" content="noindex, nofollow">
   <link href="../../project/trunk/all.css" rel="stylesheet" type="text/css" />
</head>
<body>
   <section id="page-wrap" class="page">
      <header id="header">
         <a href="#" class="title">
            ADD Presentability
         </a>
         <div class="cb"></div>
      </header>
      <article>
         <h1>ADD Presentability Project</h1>
         <h2>Introduction</h2>
         <p>ADD presentability is a project aimed to help developers have presentable website application almost instantly by adding the css file on there code</p>
         <h2>What it is aimed to do</h2>
         <p>ADD Presentability aims to have an style for websites instantly with minimal code changes</p>
         <h2>What is it currently doing</h2>
         <p>It gives style on certain classes</p>
         <table>
            <caption>Test Table</caption>
            <thead>
               <tr>
                  <td>test</td>
                  <td>test</td>
                  <td>test</td>
                  <td>test</td>
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td>test</td>
                  <td>test</td>
                  <td>test</td>
                  <td>test</td>
               </tr>
               <tr>
                  <td>test</td>
                  <td>test</td>
                  <td>test</td>
                  <td>test</td>
               </tr>
            </tbody>
         </table>
         <ul>
            <li>
               Test Unorganized
               <ol>
                  <li>Test Numbered</li>
                  <li>
                     Test Numbered
                     <ul>
                        <li>Test Unorganized</li>
                        <li>Test Unorganized</li>
                        <li>Test Unorganized</li>
                     </ul>
                  </li>
                  <li>Test Numbered</li>
                  <li>Test Numbered</li>
                  <li>Test Numbered</li>
               </ol>
            </li>
            <li>Test Unorganized</li>
            <li>Test Unorganized</li>
            <li>Test Unorganized</li>
            <li>Test Unorganized</li>
         </ul>
         <h1>HTML Ipsum Presents</h1>

         <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>

         <h2>Header Level 2</h2>

         <ol>
            <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
            <li>Aliquam tincidunt mauris eu risus.</li>
         </ol>

         <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>

         <h3>Header Level 3</h3>

         <ul>
            <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
            <li>Aliquam tincidunt mauris eu risus.</li>
         </ul>

         <pre><code>
         #header h1 a {
            display: block;
            width: 300px;
            height: 80px;
         }
         </code></pre>

         <form action="#" method="post">
             <div>
                  <label for="name">Text Input:</label>
                  <input type="text" name="name" id="name" value="" tabindex="1" />
             </div>

             <div>
                  <h4>Radio Button Choice</h4>

                  <label for="radio-choice-1">Choice 1</label>
                  <input type="radio" name="radio-choice-1" id="radio-choice-1" tabindex="2" value="choice-1" />

                <label for="radio-choice-2">Choice 2</label>
                  <input type="radio" name="radio-choice-2" id="radio-choice-2" tabindex="3" value="choice-2" />
             </div>

            <div>
               <label for="select-choice">Select Dropdown Choice:</label>
               <select name="select-choice" id="select-choice">
                  <option value="Choice 1">Choice 1</option>
                  <option value="Choice 2">Choice 2</option>
                  <option value="Choice 3">Choice 3</option>
               </select>
            </div>

            <div>
               <label for="textarea">Textarea:</label>
               <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
            </div>

            <div>
                <label for="checkbox">Checkbox:</label>
               <input type="checkbox" name="checkbox" id="checkbox" />
             </div>

            <div>
                <input type="submit" value="Submit" />
             </div>
         </form>

         <form method="POST">
            <h3>Administrator Login</h3>
            <div></div>
            <label>Admin Username <input type='text' name='admin' placeholder="Admin Username" /> </label>
            <label>Password <input type='password' name='password' placeholder="Password" /></label>
            <input type='hidden' name='mode' value='admin__login' />
            <input type='hidden' name='redirect' value="" />
            <button type='submit' >Login</button>
         </form>


      </article>
      <footer>
         <section class="generator">
            ADD Presentability
         </section>
      </footer>
   </section>
</body>
</html>